﻿@charset "utf-8";
html{ font:normal 62.5%/2.3em Arial,"微软雅黑"; overflow-x:hidden;}
body{ margin:0px; padding:0px; margin:0px auto; font-size:12px; color:#666; width:100%; min-width:1100px;}
ol,ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;}
.ul,li,ol{ list-style:none;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}

img{ border:none; border:0; vertical-align:top;}
a{color:#333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#ec6100;}
.clear{ clear:both; height:0px; overflow:hidden;}
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { zoom:1; }  
.a-list{ color:#ec6100}
.clear{clear:both; height:0; line-height:0; overflow:hidden; display:block}

/*top*/
.top{height:35px; background:#f0f0f0;}
.wrap{width:1100px; margin:0 auto;}
.top .wrap{height:35px; line-height:35px;}
.top .wrap span{color:#5a5b5d; float:left; font-size:13px;}
.top .wrap .p{float:right; color:#5a5b5d;}
.top .wrap .p a{color:#3e4e57;}
.top .wrap .p a:hover{color:#ec6100;}

.top .wrap .p a.wechat{position: relative;}
.QRBox{position: absolute; display: none; width:160px; height: 165px;background: url(../images/qr_box.png); padding: 20px 6px 0 6px;top: 24px; left: 50%;margin-left: -86px; z-index: 99; }
.QRBox img{width: 160px;height: 160px;}

/*toper*/
.toper{height:94px; }
.toper .logo{margin-top:0px; float:left;}
.toper .mainnav{float:right; margin-top:40px; font-size:14px;}
.toper .mainnav li{float:left; padding:0 12px; background:url(../images/mainnav_bg.jpg) no-repeat right center; position:relative;}
.toper .mainnav li.current a{color:#ec6100;}
.toper .mainnav li .subnav{width:300px; padding-top: 24px;  position:absolute;  z-index:999; top:20px; left:-56px; display:none;}
.toper .mainnav li .subnav .Box{padding:30px;border:1px solid #efefef;border-top: 1px solid #ec6100; background-color: #fff; -webkit-box-shadow:0px 5px 10px #636363; -moz-box-shadow:0px 5px 10px #636363; box-shadow:0px 5px 10px #636363; border-radius:0 0 4px 4px;}
.toper .mainnav li .subnav .ico{display: block; width:11px; height: 7px; background: url(../images/subnav_ico.png) no-repeat; position: absolute; top: 17px; left: 107px;}
.toper .mainnav li .subnav ul{width: 90px; float:left; overflow:hidden;}
.toper .mainnav li .subnav ul li{float: none;  background:none; margin-bottom:6px; padding:0; background: url(../images/sub_bg.jpg) no-repeat left bottom; }
.toper .mainnav li .subnav span{width:145px; height:105px; float:right;}
.toper .mainnav li .subnav span img{width:145px; height:105px;}
.toper .mainnav li.current .subnav a{color:#333;}
.toper .mainnav li.current .subnav a:hover{color:#ec6100;}
#nav4 .subnav,#nav5 .subnav{width: 325px;}
#nav4 .subnav ul,#nav5 .subnav ul{width: 115px;}

#nav7 .subnav{width: 350px;right: 0px; left: auto;}
#nav7 .subnav .ico{left: auto; right: 45px;}
#nav7 .subnav ul{width: 140px;}

/* banner */
.fullSlide{ width:100%;  position:relative;  height:520px; background:#000;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:520px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:520px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:10px; left:0; height:30px; line-height:30px; }
	.fullSlide .hd ul{ text-align:center; }
	.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:15px; height:15px; margin:0 5px; overflow:hidden; background:url(../images/mainb.png) no-repeat;line-height:999px; 
	}
	.fullSlide .hd ul .on{  background:url(../images/mainb_current.png) no-repeat; }

	.fullSlide .prev,
	.fullSlide .next{ left:auto; right:15%; background-position:-6px -137px; }	
	
	
	
	#indemoa {	WIDTH: 9999px; FLOAT: left; overflow:hidden; }

#demoa2 {	FLOAT: left}

#demo {
	WIDTH:1100px; OVERFLOW:hidden; height:250px; margin:0 auto; }

#indemo {
	WIDTH:9999px; FLOAT:left
}
#demo1 {
	FLOAT:left
}
#demo2 {
	FLOAT:left
}

.showcar li{width:230px; height:225px; float:left; margin:18px 15px 0 16px; border:1px solid #d8d8d8; overflow:hidden; display:inline;}
.showcar li img{width:222px; height:185px; margin:4px;}
.fgfg{width:230px; height:31px; background:#d8d8d8; text-align:center; line-height:31px; font-size:16px;}
.showcar li a{color:#333;}



	


/*产品展示*/
.probox{ width:100%; margin:0 auto; margin-top:20px; margin-bottom:20px;}
.listbox{ width:240px; float:left; background: url(../images/p_side_bg.gif) left top repeat; border: #0d91db solid 1px;}
.listbox .head{ background: url(../images/p_side.jpg) no-repeat left center;}
.listbox .content{ width:240px;  padding-top:20px;}
.twopro{ border-top: #FFF solid 1px; padding:20px 0; width:220px; margin:0 auto; display:block; text-align:left;color:#FFF; font-size:16px;}
.listbox .cont{ line-height:30px;background:#f5f5f7; padding:15px; width:240px;}
.procont{ width:845px; float:right}
.ptitle{ border-bottom: 1px solid #CCC; margin:0;}
.plist { margin-top:25px; }
.plist li { float:left; margin-right: 23px; margin-bottom:20px;}
.plist p { text-align:center; background-color:#CCC; width:265px; margin-top:0px; color:#666;}
.plist .span{ margin-right:0; margin-bottom:0;}
.proimg_aa{ display:inlne; width:265px; height:300px;overflow:hidden; float:left; margin:10px 8px; position:relative; cursor:pointer;text-align:center; line-height:34px; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}
.proimg_aa img{ width:200px; height:200px; position:absolute; top:0px; left:0px;}
.proimg_aa p{ width:200px; text-align:center; background-color:#ccc; margin-top:300px; color:#000;}
.proimg_aa:hover p{ position:absolute; bottom:0px; height:48px; width:200px; left:0px; line-height:48px; text-align:left; text-indent:25px; background:url(images/pro_bg.png) repeat left top; color:#FFFFFF; font-size:16px; text-decoration:underline}

/*公司简介*/
.gsbox {  margin-top:0px; /*background:url(../images/gs_bg.jpg) repeat left top;*/ padding-top:50px; padding-bottom:50px;}
.gstitle { width:1100px; margin:0 auto;}
.gsjj {  width:1100px; margin: 0 auto; }
.gsj {   width:1100px; margin: 0 auto; height:316px; background:url(../images/a3.jpg) center center;}
.gsbox .photobox {float:right;}
.gsbox .txtbox {float:left; width:510px; margin-left:30px; margin-top:20px; line-height:36px;}

/*案例*/
.casetitle { padding-top:22px; width:1100px; margin:0 auto; text-align:center;}
.casebox{ width:100%; background:#08a7e1; height:420px;}
.casebox .head{ width:1100px; margin:0 auto;}
.casebox .head span{ font-size:24px; color:#FFFFFF; font-weight:bold; line-height:30px;}
.casebox .head p{ color:#FFFFFF; font-size:16px; text-align:center; width:1100px; margin:0 auto; line-height:30px; height:30px;}
.contactlist {float:right; width: 280px; margin-top: -420px;  *margin-top: -480px;}
.casebox .content{ width:1100px; margin:30px auto 0 auto; text-align:center;}

.baseTitle{margin:auto; position:relative; }
.baseTitle .t1{ color:#fff; font-size:18px; width:160px;background:url(../images/base_t1.png) left center no-repeat; height:45px; line-height:45px; position:relative; z-index:10; font-size:19px;}
.baseTitle .t1 span{ padding-left:20px;}
.baseTitle .bg{ position:absolute; z-index:1; height:20px; width:100%; top:50%; margin-top:-10px; left:0; background:url(../images/sd.png) repeat-x center;}
.baseTitle .t2{ color:#999; padding-left:10px; height:25px; line-height:30px;}
.baseTitle .m{ display:block; color:#fff; font-size:13px; font-family:Arial; line-height:45px; width:72px; background:url(../images/base_m.png) center center no-repeat; position:relative; z-index:10;}
.baseTitle .m span{ display:inline-block;padding-left:12px;}
.baseTitle .m:hover span{ text-decoration:underline;}


.baseTitle1{margin:auto; position:relative; }
.baseTitle1 .t1{ color:#01b4b4; font-size:18px; width:160px;background:url(../images/base_t11.png) left center no-repeat; height:45px; line-height:45px; position:relative; z-index:10; font-size:20px;}
.baseTitle1 .t1 span{ padding-left:20px;}
.baseTitle1 .bg{ position:absolute; z-index:1; height:20px; width:100%; top:50%; margin-top:-10px; left:0; background:url(../images/sd1.png) repeat-x center;}
.baseTitle1 .t2{ color:#999; padding-left:10px; height:25px; line-height:30px;}
.baseTitle1 .m{ display:block; color:#fff; font-size:13px; font-family:Arial; line-height:45px; width:72px; background:url(../images/base_m.png) center center no-repeat; position:relative; z-index:10;}
.baseTitle1 .m span{ display:inline-block;padding-left:12px;}
.baseTitle1 .m:hover span{ text-decoration:underline;}

.fr {
    float: right;
}
.baseDiv {
    width: 1100px;
    margin: 0 auto;
	padding-top:15 px;
    margin-left: auto !important;
    margin-right: auto !important;
}
.fl {
    float: left;
}

.proimg_bb{ border: 1px solid #fff; width:282px; height:261px; overflow:hidden; margin:17px; margin-top:0px; display:inline; float:left;}
.proimg_bb img{width:248px; height:202px; padding:15px 15px 0 15px;}
.proimg_bb span{width:282px; height:30px; display:block; line-height:30px; text-align:center; font-size:14px}
.proimg_bb:hover{width:282px; height:258px;overflow:hidden; margin:17px; margin-top:0px; display:inline; float:left;}

/*新闻*/
.newbox { margin-top:30px; width:100%;}
.newbox .newcontent { width:1100px; margin:0 auto;}
.newbox .newcontent .newlist {width:720px; border-bottom: 1px dotted #CCC; padding-bottom: 15px; margin-bottom:20px; float:left;}
.newbox .newcontent .newlist .photobox {background:#00C; width:74px; height:59px; background: url(../images/date_bg.gif) repeat left top; float:left;}
.newbox .newcontent .newlist .txtbox { float:right; width:600px;}
.newbox .newcontent b { color:#FFF;}
/*footer*/
.footerbox { width:100%; background:#055bc2; color:#fff; font-size:15px;   padding-top:20px;  margin-top: 30px;}
.footerbox .footer {width: 1100px; margin:0 auto; background:url(../images/a1.jpg) no-repeat center; height:50px;}
.footerbox .pfooter { line-height:36px; text-align:center;}
.footerbox .pfooter a { color:#fff; padding:0 25px; }
.footerbt {width:1100px; margin:0 auto;}



	.rightBox{ width:1100px;  margin:0px auto; height:500px; }
	.rightBox .contactBox_title{ width:1100px;  padding:0 25px; background:url(../images/Ba015.jpg) no-repeat; overflow:hidden; l}
	.rightBox .contactBox_title h1{ width:auto; height:33px; float:left; font-size:16px; line-height:33px; color:#fff;}
	.rightBox .contactBox_title h1 samp{ font-size:14px; color:#a9a8a8; margin-left:10px; line-height:33px; font-family:Arial; font-weight:bold;}
	
	.rightBox .contactBox_title .breadCrumb{ width:auto; height:33px; line-height:33px; float:right; font-size:12px; font-family:"新宋体"; color:#a9a8a8;}
	.rightBox .contactBox_title .breadCrumb a{color:#333;}
	.rightBox .contactBox_title .breadCrumb a:hover{color:#333;}
	.rightBox .contactBox_text{ width:820px;  color:#575757; font-size:14px; line-height:30px; float:right;}
		.casesList { width:1100px; height:auto; height:1430px;}
	.casesList li{ width:260px; heigh:260px; margin:10px 10px 10px 3px ;float:left;text-align:center;color:#bdbdbd; border:#e5e5e5 1px solid; background:#FFF; background:#000;}
	.casesList li .Img{ display:block; width:260px; height:180px;  overflow:hidden; }
	.casesList li .Img img{ width:260px; height:210px;}
	.casesList li .text{ display:block; width:260px; height:30px; line-height:30px;  color:#bdbdbd; font-size:12px;}
	 .casesList li a{ color:#fff; font-size:16px;}
    .casesList li .hover{ color:red;}
	
	.casesImg{ width:1100px;; height:auto; overflow:hidden; text-align:center;}
	.casesImg img {max-width:1100px;;}
	.casesContainer{ width:1100px;; height:auto; margin-bottom:20px;}
	
	.hjkj{
		width:340px; height:380px; background:url(../images/47ff.jpg) no-repeat center;}
	.marquee_bg1 {
    width: 100%;
    height: 26px;
    background: #1d1d1d;
    position: relative;
    margin-bottom: 48px;
}
.marquee_bg2 {
    width: 100%;
    background:#04a53d;
    height: 80px;
    position: absolute;
    left: 0;

}

.marquee {
    width: 1100px;
    height: 80px;
    overflow: hidden;
    margin: 0 auto;
}

.marquee div {
    float: left;
    width: 110px;
    height: 80px;
    text-align: left;
    font: 14px/80px "microsoft yahei";
    color: #fff;
}
.marquee marquee {
    float: left;
    width: 980px;
    height: 80px;
    font: 14px/80px "microsoft yahei";
    color: #fff;
}
.pppr {
    width: 100%;
    height: 70px;

}


.index_hn03 {
    float: left;
    width: 650px;


    line-height: 33px;
    font-size: 14px;
    color: #b1b1b1;

    font-family: 'microsoft yahei';
}

.index_hn03 dl dd {
    float: right;
}
.index_hn03 dl {
    height: 33px;
    overflow: hidden;
	background:url(../images/a6.jpg) no-repeat left;

}

.index_hn03 dl dt {
    float: left;
    height: 33px;
    overflow: hidden;
    color: #1a1a1a;
    width: 500px;
}

index_hn03 dl dt a {
    color: #1a1a1a;
}

.index_hn03 dl dd {
    float: right;
}

.index_hn03 dl dt {
    float: left;
    height: 33px;
    overflow: hidden;
    color: #1a1a1a;
	padding-left:30px;
    width: 400px;
}

.spanImg{ display:block; overflow:hidden;width:100%; height:203px; position:relative;background-position:center center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; background-size:cover;}
.aB{display:none; width:100%;height:100%; position: absolute; background: rgba(0,0,0,0.5); overflow: hidden; left: 0; top: 0; z-index: 5;}
.aB em{ display:block; width:100%; height:100%;background:url(../images/chakan1.png) center center no-repeat;}


.ccp{ width:100%; height:500px;}
.index_news03{ display:block; overflow:hidden; width:104%; }
.index_news03 li{ float:left; width:660px; height:127px;  margin:0 0px 0px 0;  }
.index_news03 li img{ float:left;}
.index_news03 li .irr{ float:right;  padding:0px 0px 0; height:113px; -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;
}
.index_news03 li .irr div{ font-size:18px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#1c1c1c;padding:5px 0 0; line-height:36px; height:36px;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;
}
.index_news03 li .irr span{ display:block; font-size:14px; line-height:18px; height:36px;overflow:hidden; color:#828282; padding:7px 0 0;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.index_news03 li a:hover h4{ color:#2ba298}
.index_news03 li:hover .irr { }
.index_news03 li:hover .irr span{ color:#ec6100;}


.index_pro03{ padding:0 10px; float:left; width:200px;  background:#fff;  margin:5px; margin-bottom:10px; padding-bottom:10px; border-radius: 5px;}
.index_pro04{ margin-bottom:1px;}
.index_pro04 a{  height:38px; line-height:38px;font-size:16px; color:#fff; text-align:center; overflow:hidden; display:block;background:#012c9c; margin-top:1px; border-radius: 5px;}
.index_pro04 a:hover{ background:#e60012;}
.index_pro05{}
.index_pro05 ul li{ text-align:center; border-bottom:#d0d0d0 solid 1px;}
.index_pro05 ul li a{ display:block; font-size:14px; color:#3f3f3f; line-height:44px; height:44px; display:block; overflow:hidden;}
.index_pro05 ul li a:hover{ color:#0256ac;}
.index_pro05 ul li:last-child{ border:none;}


.bj{
	width:100%; height:200px; background:url(../images/a4.jpg) no-repeat center;}
	
	
	
.ccp12{ width:350px; float:left; height:350px; background:#eaeaea; margin-right:16px;}
.ccpl{
	width:}
	.ccpl li{
	width:110px; height:32px; float:left; line-height:32px;}
		.ccpl li a{
	width:110px; height:40px32px float:left; line-height:32px; font-size:15px; padding-left:10px;}
	
	
	
	.dihuise {background:#e8e8e8;padding:20px 0px;}
	
	
	.gc {
    width: 1100px;
    margin: 0px auto;
}

.sk {

}
.kpbt { text-align:center;}
.kpbt .yw {font-size:18px;color:#666666;font-family:'aral';}
.kpbt .zw {font-size:36px;line-height:40px;}
.kpbt:hover .yw ,.kpbt:hover .zw{color:#ff0000;}
.flnav { text-align:left;margin-top:15px;}
.flnav a {display:inline-block;line-height:40px; text-align:center;color:#ffffff;font-size:14px;width:171px;height:42px;background:#002c9c;margin-right:30px;margin-bottom:15px;}
.flnav a:hover {background:#e21e1f;}

.cgone {width:309px;position:relative;}
.cgone_one {width:292px;height:206px;margin:0px 17px 17px 0px;position:relative;}
.cgone_one span {position:absolute;bottom:10px;width:272px;left:10px; display:block;height:24px;filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;background-color:#000000; text-align:center;color:#ffffff;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000',endColorstr='#7F000000'); font-size:16px;}
.cgone_two {width:483px;height:429px;position:relative;}
.cgthree {width:292px;position:relative;}
.cgone_th {width:292px;height:206px;margin:0px 0px 17px 0px;position:relative;}
.cgone_th span {position:absolute;bottom:10px;width:272px;left:10px; display:block;height:24px;filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;background-color:#000000; text-align:center;color:#ffffff;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000',endColorstr='#7F000000');}
.tbottom {background:url(../images/index_79.jpg) repeat-x;height:126px;}
.cgal {padding-bottom:20px;overflow:hidden;}
.cgone_one span:hover , .cgone_th span:hover,.cgone_two span:hover {background:rgba(0,49,151,0.8);filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000',endColorstr='#7F000000');color:#ffffff;}


div.wrapper { width:483px;height:429px; margin: 0 auto; position: relative; }
.fn-clear { zoom: 1; }
.box_skitter { position: relative; background: none; }
    .box_skitter ul { display: none; }
    .box_skitter .container_skitter { overflow: hidden; position: relative; }
    .box_skitter .image { overflow: hidden; }
        .box_skitter .image img { display: none; }
    .box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; }
        .box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; }
    .box_skitter .prev_button { position: absolute; top: 50%; left: 15px; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(../images/prev.png) no-repeat left top !important; }
    .box_skitter .next_button { position: absolute; top: 50%; right: 15px; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(../images/next.png) no-repeat left top !important; }
    .box_skitter .label_skitter { z-index: 150; position: absolute; display: none; }
.loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url(../images/ajax-loader.gif) no-repeat left top; width: 31px; height: 31px; }
#slideshow { width: 583px; height: 429px; }
    #slideshow ul { display: none; }
	
 .yw {
    font-size: 18px;
    color: #666666;
    font-family: 'aral';
}
	.nnnes{
		width:1100px; height:400px; background:url(../images/case01.jpg) no-repeat left;}
		
		
		.daohang{ height:52px; background:#002c9c}
.daohang img{ float:left;}
.nav_menu {line-height:52px; text-transform: uppercase;}
.nav_menu-item {z-index:9; display: block;float:Left; padding-left:36px; padding-right:36px;text-align:center;position: relative;}
.nav_menu-item a{font-size:16px; color:#fff;display: block;}
.nav_menu-item:hover {background-color:#e60012;}
.nav_menu-item a:hover{ color:#fff;}

.nav_menu-item:hover .nav_submenu {display: block;}
.nav_submenu {font-weight: 300;text-transform: none; display: none;position: absolute;left:0px;width: 150px; background-color: #012c9c;}
.nav_submenu-item{border-bottom:1px #dfdfdf dotted; line-height: 45px; }
.nav_submenu-item a{ color:#fff; font-size:13px;}
.nav_submenu-item a:hover {color:#fff;}
.nav-rt{position: absolute;width: 50%;height: 88px;top: 40px;right: 0;background: #0455cb;z-index: 1;}